<!DOCTYPE html>
<html lang="zh">

<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <meta http-equiv="X-UA-Compatible" content="ie=edge" />
  <meta name="description" content="编程|二次元|游戏|Javascript|前端|喵星人 逗比可爱 欢迎来撩" />
  <meta name="keywords" content="编程,二次元,游戏,Javascript,前端,计算机,喵星人,音乐" />
  <link href="https://fonts.googleapis.com/css?family=Indie+Flower|Quicksand|Varela+Round" rel="stylesheet" />
  <link href="https://cdn.bootcss.com/normalize/8.0.1/normalize.min.css" rel="stylesheet" />
  <link rel="stylesheet" href="./index.css" />
  <link rel="shortcut icon" type="images/x-icon" href="http://cdn.wingsico.org/image/avatar/181020-0.jpeg" />
  <script src="//at.alicdn.com/t/font_959287_7ic4og3yjcd.js"></script>
  <title>wingsico | 二次元 | 喵星人 | 写写程式 o(*≧▽≦)ツ</title>
</head>

<body>
  <div id="container">
    <header>
      <h1>wingsico</h1>
    </header>
    <main class="wrapper">
      <article class="personal">
        <div class="avatar">
          <img src="http://cdn.wingsico.org/image/avatar/181020-0.jpeg" alt="wingsico的头像" />
        </div>
        <div class="info">
          <p class="desc">
            编程 | 二次元 | 游戏 | Javascript | 前端 | 喵星人 逗比可爱
            欢迎来撩~n(*≧▽≦*)n
          </p>
        </div>
      </article>
      <nav>
        <h2 class="road-sign">Road Sign</h2>
        <ul>
          <li>
            <a href="//page.wingsico.org">
              <svg class="icon" aria-hidden="true">
                <use xlink:href="#icon-guozhi"></use>
              </svg><span>Blog</span>
            </a>
          </li>
          <li>
            <a href="//gitbook.wingsico.org">
              <svg class="icon" aria-hidden="true">
                <use xlink:href="#icon-tiantianquan"></use>
              </svg><span>Gitbook</span>
            </a>
          </li>
          <li>
            <a href="//github.com/wingsico">
              <svg class="icon" aria-hidden="true">
                <use xlink:href="#icon-kafei"></use>
              </svg><span>Github</span>
            </a>
          </li>
        </ul>
      </nav>
    </main>
  </div>
  <footer class="copyright">
    <span class="desc">Copyright © <date></date> wingsico. All Rights Reserved.</span><br />
    <a class="beian" href="http://beian.miit.gov.cn/">赣ICP备17009254号-1</a>
  </footer>
  <script>
    (function () {
      var copyrightDate = document.querySelector(".copyright date");
      var nowYear = new Date().getFullYear();
      var startYear = 2017;
      copyrightDate.innerText = startYear + "-" + nowYear;
    })();
  </script>
</body>

</html>
